﻿/*java*/
.java_banner_01{ background:url(../images/java_banner_01.jpg) no-repeat top center; height:300px; overflow:hidden}
.java_banner_02{ background:url(../images/java_banner_02.jpg) no-repeat top center; height:300px; overflow:hidden; text-align:center;}
.java_banner_02 a{ display:inline-block; width:188px; height:50px;margin:194px 15px}
.java_tit{ font-size:36px; font-weight:bold; color:#333; padding:50px 0 0 0; text-align:center; overflow:hidden; clear:both; display:block }
.java_tit b{ color:#3469c9; padding-right:8px}
.java_tit_line{ width:150px; height:3px; font-size:0px; line-height:0px; clear:both; display:block; overflow:hidden; margin:30px auto 25px; background:#3469c9}
.java_tit_p{ font-size:18px; color:#888; text-align:center; padding-bottom:30px; clear:both; display:block; overflow:hidden}
.java_jy{ background:url(../images/java_01.png) no-repeat; height:727px; padding:23px 24px 0 23px}
.java_jy .td{background:#fafafd;height:50px;line-height:50px;font-size:16px;overflow:hidden; color:#000;border-bottom:#eee solid 1px;}
.java_jy .td .l1{width:120px;float:left; padding-left:15px}
.java_jy .td .l2{width:240px;float:left}
.java_jy .td .l3{width:220px;float:left}
.java_jy .td .l4{width:220px;float:left}
.java_jy .td .l5{width:100px;text-align:center;float:left}
.java_jy .td .l6{width:100px;text-align:center;float:left}
.java_jy .td .l7{width:120px;text-align:right;float:left}
.java_jy .bd ul{overflow:hidden;zoom:1}
.java_jy ul{margin:0;padding:0}
.java_jy li{line-height:49px;border-bottom:#eee solid 1px;height:49px;overflow:hidden;color:#1594e7; margin:0 15px; font-size:14px}
.java_jy li .l1{width:120px;float:left;}
.java_jy li .l2{width:240px;float:left;}
.java_jy li .l3{width:220px;float:left;}
.java_jy li .l4{width:220px;float:left;}
.java_jy li .l5{width:100px;float:left; text-align:center; color:#ff3141; font-weight:bold}
.java_jy li .l6{width:100px;float:left; text-align:center}
.java_jy li .l7{width:120px;float:left; text-align:right}
.java_jy .bt{ text-align:center; padding:50px 0 0 0}
.java_jy .bt span{ display:inline-block; font-size:14px; color:#666}
.java_jy .btn{ display:inline-block; font-size:16px; color:#fff; padding:8px 15px; background:#ea5404; margin-left:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.java_jy .btn:hover{ background:#3469c9}
.java_help{ background:#f2f2f2; overflow:hidden; padding:0 0 20px; clear:both; display:block}
.java_help .faq{ background:url(../images/java_05.gif) repeat-y left top #f2f2f2; overflow:hidden;}
.java_help .faq .tit{ background:url(../images/java_04.gif) no-repeat left; font-size:24px; font-weight:bold; color:#0b4390; height:30px; line-height:30px; padding-left:50px;}
.java_help .faq .txt{ padding:15px 0 30px 50px; line-height:26px; font-size:16px; color:#333}
.java_help .faq .txt em{ color:#ff0000;font-style:normal}
.java_help .faq .txt b{ clear:both; display:block; padding:5px 0 0 0}
.java_help .faq .gg{ text-align:right}
.java_help .faq a{ color:#00C; text-decoration:underline}
.java_help .faq a:hover{color:#ff0000; text-decoration:underline}
.java_help .faq .bt{ background:url(../Iimages/java_06.gif) no-repeat left;}
.java_video{ background:url(../images/java_07.jpg) no-repeat top center; height:500px; overflow:hidden; position:relative; clear:both; display:block}
.java_video .video_btn{ background:url(../images/java_08.png) no-repeat; width:128px; height:128px; position:absolute;  left:50%; top:60%; margin:-64px 0 0 -64px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.java_video .video_btn:hover{ background:url(../images/java_09.png) no-repeat;}
.java_cto{ background:url(../images/java_10.jpg) no-repeat top center; height:601px; overflow: hidden; clear:both; display:block;}
.java_cto ul{ width:1200px; margin:0 auto; overflow:hidden;}
.java_cto ul li{ width:300px; float:left; text-align:center;}
.java_cto ul li .img{ background:url(../images/java_11.png) no-repeat left; width:133px; height:120px; text-align:center; margin:0 auto; padding:25px 0 0 0 }
.java_cto ul li:hover .img{ background:url(../images/java_11.png) no-repeat right;  }
.java_cto ul li h1{ font-size:20px; font-weight:normal; padding:10px 0; color:#000}
.java_cto ul li p{ font-size:16px; color:#333; line-height:26px; padding-bottom:15px}
.java_cto ul li .cto_btn{ background:#3365c8; padding:8px 15px; display:inline-block; color:#fff; font-size:16px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.java_cto ul li:hover .cto_btn{ background:#ea5404;}
.java_btn{ background:#ea5404; padding:10px 25px; color:#fff; display:inline-block; font-size:18px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; margin:0 10px}
.java_btn:hover{background:#3365c8; color:#fff}
.java_btn1{ background:#3365c8; padding:10px 25px; color:#fff; display:inline-block; font-size:18px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; margin:0 10px}
.java_btn1:hover{background:#ea5404; color:#fff}
.java_ys{ background:url(../images/java_ys.jpg) no-repeat top center; height:745px; overflow:hidden;}
.java_ys ul{ padding:45px 0 0 0}
.java_ys ul li{ width:300px; float:left; text-align:center; padding:30px 0 0 0 }
.java_ys ul li .img{ background:url(../images/java_ys_b.png) no-repeat; width:130px; height:88px; display:inline-block; overflow:hidden; padding:26px 0 0 0; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.java_ys ul li h1{ color:#fff; font-size:18px; font-weight:normal; padding:15px 0 10px}
.java_ys ul li p{ color:#fff; font-size:14px; line-height:26px;}
.java_ys ul li:hover .img{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.java_kc{ padding:20px 0 40px; overflow:hidden}
.java_kc ul li{ background:url(../images/java_kc.png) no-repeat left top; width:236px; height:380px; overflow:hidden; margin-right:4px;-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; transition: .3s; float:left}
.java_kc ul li h1{ font-size:18px; color:#3a6dca; padding:20px 0; font-weight:normal; text-align:center;-webkit-transition: .3s;-moz-transition: .3s; -ms-transition: .3s; transition: .3s;}
.java_kc ul li p{ font-size:14px; padding:0 0 0 25px; color:#444; line-height:26px;-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; transition: .3s; }
.java_kc ul li .java_kc01{ background:url(../images/java_kc01.png) no-repeat left top; width:72px; height:72px; margin:30px auto 0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.java_kc ul li .java_kc02{ background:url(../images/java_kc02.png) no-repeat left top; width:72px; height:72px; margin:30px auto 0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.java_kc ul li .java_kc03{ background:url(../images/java_kc03.png) no-repeat left top; width:72px; height:72px; margin:30px auto 0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.java_kc ul li .java_kc04{ background:url(../images/java_kc04.png) no-repeat left top; width:72px; height:72px; margin:30px auto 0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.java_kc ul li .java_kc05{ background:url(../images/java_kc05.png) no-repeat left top; width:72px; height:72px; margin:30px auto 0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.java_kc ul li:hover{background:url(../images/java_kc.png) no-repeat right top;}
.java_kc ul li:hover h1{ color:#fff}
.java_kc ul li:hover p{ color:#fff}
.java_kc ul li:hover .java_kc01{background:url(../images/java_kc01.png) no-repeat left bottom;}
.java_kc ul li:hover .java_kc02{background:url(../images/java_kc02.png) no-repeat left bottom;}
.java_kc ul li:hover .java_kc03{background:url(../images/java_kc03.png) no-repeat left bottom;}
.java_kc ul li:hover .java_kc04{background:url(../images/java_kc04.png) no-repeat left bottom;}
.java_kc ul li:hover .java_kc05{background:url(../images/java_kc05.png) no-repeat left bottom;}
.java_work{ background:url(../images/java_work.jpg) no-repeat top center; height:750px; overflow:hidden; position:relative}
.java_work .workBox{overflow:hidden; background:rgba(255,255,255,.7); position:relative;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff ,endColorstr=#8Cffffff);} 
.java_work .workBox .hd{ display:none;  } 
.java_work .workBox li{ overflow:hidden;  } 
.java_work .workBox li .pic{ width:735px; float:left;   } 
.java_work .workBox li .pic img{ width:735px; height:535px  } 
.java_work .workBox li .con{ position:relative; width:405px; padding:30px 30px 0;   float:left;  } 
.java_work .workBox li .con .title{  font-size:16px; color:#000  } 
.java_work .workBox li .con .intro{ color:#000;border-top:1px dotted #cbcbcb;  padding-top:10px; margin-top:15px; font-size:14px; line-height:28px  } 
.java_work .workBox .prev{position:absolute; z-index:1;width:50px; height:60px; overflow:hidden; cursor:pointer; left:0; top:50%; background:url(../Images/java_p.png) no-repeat center #ea5404; margin-top:-30px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;} 
.java_work .workBox .next{position:absolute; z-index:1;width:50px; height:60px; overflow:hidden; cursor:pointer; left:685px; top:50%; background:url(../Images/java_n.png) no-repeat center #ea5404; margin-top:-30px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;} 
.java_work .workBox .prev:hover{position:absolute; z-index:1;width:50px; height:60px; overflow:hidden; cursor:pointer; left:0; top:50%; background:url(../Images/java_p.png) no-repeat center #3a6dca; margin-top:-30px} 
.java_work .workBox .next:hover{position:absolute; z-index:1;width:50px; height:60px; overflow:hidden; cursor:pointer; left:685px; top:50%; background:url(../Images/java_n.png) no-repeat center #3a6dca; margin-top:-30px} 
.java_qy{ background:url(../images/java_qy.gif) no-repeat top center; height:601px; overflow:hidden; position:relative; clear:both; display:block}
.java_qy .qy_btn{border:#fff solid 2px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; padding:6px 30px 7px; font-size:22px; color:#fff; margin-top:475px; display:inline-block;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.java_qy .qy_btn:hover{border:#fff solid 2px; background:#fff; color:#ea5404}
.java_foot{ background:url(../images/java_foot.jpg) no-repeat top center; height:500px; overflow:hidden;}
.java_foot .java_bg{ background:rgba(255,255,255,.7); width:850px; height:405px; overflow:hidden; margin:47px auto 0; text-align:center;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff ,endColorstr=#8Cffffff);}
.java_foot .java_bg h1{ font-size:42px; color:#3469c9; padding:40px 0 25px;}
.java_foot .java_bg h2{ font-weight:normal; color:#000; font-size:24px; padding-bottom:25px}
.java_foot .java_bg p{ font-size:18px; color:#333; line-height:30px; padding-bottom:20px;}

.javaSY_kc{ overflow:hidden; padding-bottom:20px}
.javaSY_kc .tit{ font-size:36px; text-align:center; color:#082066; font-weight:bold; padding:40px 0 20px}
.javaSY_kc .table,.table td { border:1px solid #cccccc; border-collapse:collapse; background:#fafafa; padding:8px 10px; color:#333; line-height:24px;font-size:14px;  }   
.javaSY_kc .table,.table em{ color:#ff0000; font-style:normal}
.javaSY_kc .table,.table b{ font-size:16px}
.javaSY_kc .table,.table .t1{ background:#0e72c4; font-size:16px; color:#fff; padding:10px 0}
.javaSY_kc .table,.table .t2{ background:#0364b4; font-size:16px; color:#fff; padding:10px 0}
.javaSY_kc .table,.table .t3{ background:#0e72c4; font-size:16px; color:#fff; padding:10px 0 10px 10px}
.javaSY_kc .table,.table ol{ padding-left:30px}
/*android*/
.android_banner{ background:url(../images/banner.png) no-repeat top center; height:600px;}
.android_a{ background:url(../images/android_a_bg.png) no-repeat bottom center #e9e9e9; height:542px}
.android_a_tit{ background:url(../images/android_a_tit.png) no-repeat center; width:167px; height:200px; margin:0 auto}
.android_a ul{ width:1232px; position:relative}
.android_a ul li{ width:276px; height:342px; float:left; margin-right:32px}
.android_b{ background:url(../images/android_b_bg.jpg) no-repeat center; height:750px; overflow:hidden}
.android_b_tit{ background:url(../images/android_b_tit.png) no-repeat bottom; width:167px; height:170px; margin:0 auto 10px}
.android_b_t{ background:url(../images/android_b_t.png) no-repeat; height:96px;}
.android_b_c{ }
.android_b_c .t{ height:86px; line-height:43px; font-size:14px; text-align:center; background:url(../Images/android_b.png) repeat-y top;}
.android_b_c .t1{ float:left; width:100px; color:#000}
.android_b_c .t2{ float:left; width:147px; color:#6d4d02; font-weight:bold}
.android_b_c .t3{ float:left; width:230px; color:#000}
.android_b_c .t4{ float:left; width:226px; color:#000}
.android_b_c .t5{ float:left; width:240px; color:#000}
.android_b_c .t6{ float:left; width:117px; color:#000}
.android_b_c .t7{ float:left; width:140px; color:#000}
.android_b_b{ background:url(../images/android_b_b.png) no-repeat; height:10px;}
.android_c{ background:url(../images/android_c_bg.png) no-repeat; height:714px; overflow:hidden}
.android_c_tit{ background:url(../images/android_c_tit.png) no-repeat bottom; width:167px; height:170px; margin:0 auto 10px}
.android_c_btn{ text-align:center; margin-top:50px}
.a_pro_img{height:340px;width: 100%;width: 2200px;overflow: hidden;padding-top: 40px;position: relative;margin-top: 10px;}
.a_pro_img ul{position: absolute;left:0;}
.a_pro_img img{height:340px;}
.a_pro_img li{width: 238px;height:340px;float: left;background: #000;position: relative;left:0;top:0;cursor:pointer;}
.a_pro_img li span{display: block;height: 40px;background: #01afec;overflow: hidden;font-size: 18px;vertical-align:middle;color:#fff;line-height: 40px; text-align:center}
.a_pro_img li i{font-size: 14px;vertical-align: middle;line-height: 40px;display:inline-block;}
.a_pro_img li .a_mask{width:100%;height: 100%;position: absolute;left:0;top:0;background:#000;opacity:0.5;}
.android_d{ padding-bottom:30px; overflow:hidden}
.android_d_tit{ background:url(../images/android_d_tit.png) no-repeat bottom; width:167px; height:170px; margin:0 auto 10px}
.android_d ul{ width:1200px; margin:0 auto; overflow:hidden}
.android_d ul li{ float:left; width:300px; text-align:center; margin:20px 0 0 0 }
.android_d ul li img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.android_d ul li:hover img{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.android_d ul li p{ font-size:20px; color:#797979; padding:15px 0 25px 0}
.android_e{ background:#e9e9e9; overflow:hidden; padding:40px 0}
.android_e_tit{ background:url(../images/android_e_tit.png) no-repeat; height:162px; overflow:hidden}
.android_e_bottom{ background:url(../images/android_e_bottom.png) no-repeat bottom; height:80px; overflow:hidden}
.android_e_Box{ width:100%; background:#01afec; padding:15px 0 20px; overflow:hidden } 
.android_e_Box .hd{ padding:0 0 0 100px;  } 
.android_e_Box .hd ul{ float:left;  } 
.android_e_Box .hd ul li{ float:left; padding:15px 40px; cursor:pointer; font-size:22px; color:#fff } 
.android_e_Box .hd ul li.on{height:30px;background:#fff;  cursor:pointer; color:#0085d0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.android_e_Box .bd{ margin:0 50px; overflow:hidden; background:#fff; clear:both; display:block  } 
.android_e_Box .bd ul{ padding:10px;} 
.android_nav{background: rgba(0, 0, 0, 0.8); padding:30px 0; overflow:hidden; position:fixed; z-index:1;bottom:0;left:0; width:100%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9C000000 ,endColorstr=#9C000000);_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); _display:none}
.android_nav ul{}
.android_nav ul li{ width:25%; text-align:center; float:left}
.android_nav ul li p{ padding:15px 0 0 0; font-size:20px;}
.android_nav ul li a{ color:#fff}
.android_nav ul li a:hover{ color:#fff; text-decoration:none}
.android_kc{ background:#fff; overflow:hidden}
.android_kc_tit{  background:url(../Images/android_kc_tit.png) no-repeat center; width:360px; height:200px; margin:0 auto}
.android_table{ border-collapse:collapse}
.android_table td{ padding:10px 20px; font-size:14px;border:#ddd solid 1px; line-height:24px}
.android_table th{ background:#0085d0; color:#fff; padding:15px 20px; font-size:16px;border-right:#ddd solid 1px}
.android_table .t1{ background:#fafafa; text-align:center; font-size:16px}
.android_bm{ background:#fff; overflow:hidden}
.android_bm_t{ background:url(../Images/android_bm_t.png) no-repeat; height:135px; overflow:hidden}
.android_bm_b{ background:url(../Images/android_bm_b.png) no-repeat; height:70px; overflow:hidden}
.android_bm_c{ background:#fabd00; overflow:hidden; padding:30px;}
/*framework*/
.framework_banner{ background:url(../Images/banner.png) no-repeat center; height:645px; overflow:hidden; width:100%; clear:both; display:block; }
.framework_banner p{ color:#202020; font-size:22px; text-align:center; width:330px; margin:450px auto 0;}
.framework_banner a{ color:#000}
.framework_banner a:hover{ color:#000}
.framework_b1{ background:url(../Images/b1.png) no-repeat center #ffe9d2; overflow:hidden; width:100%; height:529px;}
.framework_b2{ background:url(../Images/b2.png) no-repeat center #ffe9d2;  overflow: hidden; width:100%; height:690px;}
.framework_b2 .zw{ width:1000px; margin-left:135px}
.framework_slideBox{overflow:hidden; position:relative; padding-left:80px   } 
.framework_slideBox .hd{ display:none;  } 
.framework_slideBox li{ overflow:hidden; width:840px; margin:172px 0 0 0px } 
.framework_slideBox li .pic{ width:840px;  overflow:hidden   } 
.framework_slideBox li .pic img{ width:840px; height:405px } 
.framework_slideBox li  .title{ height:36px; padding-left:250px} 
.framework_slideBox .prev{ position:absolute; z-index:1;width:34px; height:56px; overflow:hidden; cursor:pointer; right:10px; top:350px; background:url(../Images/r.png) 0 0 no-repeat; } 
.framework_slideBox .next{ position:absolute; z-index:1;width:34px; height:56px; overflow:hidden; cursor:pointer; left:10px; top:350px; background:url(../Images/l.png) 0 0 no-repeat; _margin-left:-80px;}
.framework_b3{ background:url(../Images/b3.png) no-repeat top center;  overflow: hidden; width:100%; height:675px;}
.framework_b3_b{ background:url(../Images/b3.png) no-repeat bottom center;  overflow: hidden; width:100%; height:80px;}
.framework_b3 .l{ font-size:16px; color:#000; line-height:36px; width:280px; float:left; margin:240px 0 0 175px}
.framework_b3 .r{ background:#379cee; width:265px; height:345px; margin:260px 90px 0 0; float:right; font-size:15px; line-height:36px; color:#fff; padding:15px 0 0 15px}
.framework_b3_c{ background:url(../Images/b3_c.png) repeat-y top center;  overflow: hidden; width:100%; }
.framework_b3_cbg{ background:url(../Images/b3_cbg.png) repeat-x; width:997px; margin:20px 0 0 146px; overflow:hidden}
.framework_b3_cbg .txt{ font-size:18px; line-height:38px; padding:30px;}
.framework_b4_bg{ background:#ffe9d2 ; overflow:hidden;  }
.framework_b4{ background:url(../Images/b4.png) repeat-y #ffe9d2 left; overflow:hidden; padding-bottom:30px; width:1200px; margin:0 auto }
.framework_b4 .t{ background:url(../Images/b4_t.png) no-repeat; width:1200px; height:170px;}
.framework_gg{ background:url(../Images/gg.png) no-repeat center; height:147px; overflow:hidden; width:100%;}
table.framework_kc{ background:#ffe6e9; overflow:hidden; width:996px; margin-left:147px}
.framework_kc td{ padding:10px; overflow:hidden; color:#000; font-size:16px; line-height:30px;border-bottom:#fff solid 1px}
.framework_kc .tt{ background:#ff5556; font-size:24px; text-align:center; color:#fff; padding:15px 0}
.framework_kc .tl{ text-align:center; width:180px; background:#ffcccb;border-right:#fff solid 1px; font-size:18px; color:#e60000 }
.framework_kc .tl1{ text-align:center; width:100px; background:#ffcccb;border-right:#fff solid 1px; font-size:18px; color:#e60000 }
.framework_kc .tr{ background:#ffd8d9; font-size:18px; color:#e60000}
.framework_kc .tr2{ background:#ffd8d9; font-size:16px; text-align:left;color:#e60000; padding:15px 20px;border:none}
.framework_kc .t1{ width:50%; float:left}
.framework_kc .t2{ width:33%; float:left}
table.framework_kc1{ background:#ffe6e9; overflow:hidden;}
.framework_h1{ font-size:40px; font-weight:bold; padding:50px 0 30px; text-align:center }
.framework_kc1 td{ padding:10px; overflow:hidden; color:#000; font-size:16px; line-height:30px;border-bottom:#fff solid 1px}
.framework_kc1 .tt{ background:#ff5556; font-size:24px; text-align:center; color:#fff; padding:15px 0}
.framework_kc1 .tl{ text-align:center; width:180px; background:#ffcccb;border-right:#fff solid 1px; font-size:18px; color:#e60000 }
.framework_kc1 .tl1{ text-align:center; width:100px; background:#ffcccb;border-right:#fff solid 1px; font-size:18px; color:#e60000 }
.framework_kc1 .tr{ background:#ffd8d9; font-size:18px; color:#e60000}
.framework_kc1 .tr2{ background:#ffd8d9; font-size:16px; text-align:left;color:#e60000; padding:15px 20px;border:none}
.framework_kc1 .t1{ width:50%; float:left}
.framework_kc1 .t2{ width:33%; float:left}
/*UI*/
.ui_banner{ background:url(../Images/banner.png) no-repeat center; width:100%; height:500px}
.ui_a{  background:url(../Images/ui_a.png) no-repeat #fbfbfb center; height:570px; overflow:hidden; }
.ui_a .t1{ font-size:20px; color:#666; line-height:45px; padding:150px 0 0 55px;}
.ui_a .t1 em{ color:#d85330}
.ui_a .t2{ font-size:18px; color:#666; line-height:36px; padding:40px 0 0 55px}
.ui_b{ background:#024bc5; overflow:hidden; padding:60px 0 50px;}
.ui_b .tit{ background:url(../Images/ui_b_tit.png) no-repeat; width:723px;  height:35px; margin:0 auto}
.ui_b ul{ padding:50px 0 40px; overflow:hidden}
.ui_b ul li{ width:300px; text-align:center; float:left}
.ui_b .ui_b_bg{ background:url(../Images/ui_b_bg.png) no-repeat center; height:167px; overflow:hidden; width:1200px}
.ui_b .ui_b_bg .txt{ font-size:18px; line-height:42px; color:#fff; padding:60px 25px 0 40px;}
.ui_b .ui_b_bg .txt strong{ color:#00ffe4; font-size:22px}
.ui_c{ background:#fff;overflow:hidden; padding:60px 0 50px;}
.ui_c .tit{ background:url(../Images/ui_c_tit.png) no-repeat; width:723px;  height:35px; margin:0 auto; padding-bottom:50px}
.ui_c .ui_c_img1{ float:left; width:600px; height:300px; background:url(../Images/ui_c_img1.png) no-repeat top center; position:relative}
.ui_c .ui_c_img2{ float:right; width:600px; height:300px; background:url(../Images/ui_c_img2.png) no-repeat top center; position:relative}
.ui_c .bt{ position:absolute; width:100%;left:0;bottom:0; text-align:center; font-size:20px;  color:#343434}
.ui_d{ background:url(../Images/ui_d_bg.jpg) no-repeat center bottom; overflow:hidden;padding:60px 0 50px;}
.ui_d .tit{ background:url(../Images/ui_d_tit.png) no-repeat; width:311px;  height:35px; margin:0 auto; padding-bottom:50px}
.ui_d ul{ position:relative; width:1300px;}
.ui_d ul li{ float:left; width:380px; margin-right:30px; background:#00afa5; height:400px; color:#fff;}
.ui_d ul li .txt{ padding:40px 0px 0;}
.ui_d ul li .txt h1{ font-size:20px; text-align:center}
.ui_d ul li .txt p{ font-size:16px; line-height:30px; padding:25px 30px }
.ui_d ul li .img {text-align: center;}
.ui_e{ background:#296cc8; overflow:hidden; padding:60px 0 50px;}
.ui_e .tit{ background:url(../Images/ui_e_tit.png) no-repeat; width:331px;  height:35px; margin:0 auto}
.ui_e .t{ text-align:center; color:#aac6f1; font-size:18px; padding:25px 0 50px; overflow:hidden}
.ui_e ul { position:relative; width:1250px}
.ui_e ul li{ float:left;width:190px; background:#fe9927; margin-right:12px; height:220px;}
.ui_e ul li p{ line-height:50px; text-align:center; color:#fff; font-size:18px;}
.ui_f{ background:#f4f4f4; overflow:hidden; padding:60px 0 50px;}
.ui_f .tit{ background:url(../Images/ui_f_tit.png) no-repeat; width:142px;  height:35px; margin:0 auto}
.ui_f .t{ text-align:center; color:#333; font-size:18px; padding:25px 0 40px; overflow:hidden}
.ui_g{ background:url(../Images/ui_g.png) no-repeat center #fff; height:620px;}
.ui_h{ background:url(../Images/ui_h.png) no-repeat center #00ccff; height:640px;}
.ui_j{overflow:hidden; padding:60px 0 50px;}
.ui_j .tit{ background:url(../Images/ui_j_tit.png) no-repeat; width:213px;  height:35px; margin:0 auto; padding-bottom:60px}
.ui_j ul{ background:url(../Images/ui_j_bg.png) no-repeat; height:240px;}
.ui_j ul li{ font-size:18px; line-height:40px; text-align: center; color:#fff; width:240px; float:left; padding:80px 0 0 0}
.ui_j ul li p{ font-size:24px}
.ui_k{ background:url(../Images/ui_k.png) no-repeat top center #f15d59; padding-bottom:50px; overflow:hidden}
.ui_k ul{ padding:310px 0 0 0 ; width:1280px; position:relative}
.ui_k ul li{ float:left; width:386px; height:270px; background:#4ba2e5; margin-right:20px; }
.ui_k ul li .txt{ padding:40px 20px 0; color:#fff;}
.ui_k ul li .txt h2{ font-size:20px; text-align:center}
.ui_k ul li .txt p{ font-size:16px; line-height:30px; padding:25px 0 }
.ui_k ul li .txt h1{ text-align:center; font-size:22px;}
.ui_kc{ overflow:hidden; padding:60px 0 50px;}
.ui_kc .tit{ background:url(../Images/ui_kc_tit.png) no-repeat; width:364px;  height:35px; margin:0 auto; padding-bottom:20px}
.ui_kc_table{ border-collapse:collapse;border:none; color:#000;margin-top:20px}
.ui_kc_table td{border:#fff solid 1px; padding:10px 15px; background:#ddd; line-height:22px; }
.ui_kc_table th{padding:8px 10px; background: rgb(247, 186, 71); text-align:left;border:#fff solid 1px;}
.ui_kc_table .t{ background:rgb(33,33,33); color:#ccc; font-size:14px; text-align:center}
/*cloud*/
.cloud_main{ overflow:hidden; width:1200px; margin:0 auto}
.cloud_banner{ background:url(../Images/banner.png) no-repeat top center; height:510px; overflow:hidden; width:100%}
.cloud_01{ background:url(../Images/cloud_01.png) no-repeat top center; height:564px; overflow:hidden; width:100%}
.cloud_01 .l{ float:left; width:500px; padding:310px 0 0 97px; color:#464652; font-size:15px; line-height:30px}
.cloud_01 .l a{ clear:both; display:block;  width:398px; margin-top:28px; height:53px; text-indent:-9999px; }
.cloud_01 .r{ float:right; width:580px; padding-top:235px}
.cloud_01 .r .r1{ float:left; width:130px; font-size:16px; color:#464652; line-height:34px; text-align:center;}
.cloud_01 .r .r2{ float:left; width:240px; font-size:16px; color:#464652;line-height:34px; text-align:center;}
.cloud_01 .r .r3{ float:left; width:135px; font-size:16px; color:#464652;line-height:34px; text-align:center;}
.cloud_01 .r em{ clear:both; display:block;  color:#464652; font-size:15px; line-height:30px; width:470px; padding:15px 0 0 20px}
.cloud_01 .r a{ clear:both; display:block;  width:469px; margin:16px 0 0 20px; height:53px;  text-indent:-9999px; }
.cloud_02{ background:url(../Images/cloud_02.gif) no-repeat center #595c6f; height:82px; overflow:hidden; width:100%}
.cloud_03{background:url(../Images/cloud_03.gif) no-repeat top center #429eeb; padding:150px 0 30px; overflow:hidden }
.cloud_03 .l{ width:380px; float:left;height:270px;}
.cloud_03 .c{ width:380px; float:left;height:270px; margin:0 30px}
.cloud_03 .r{ width:380px; float:left;height:270px;}
.cloud_03 .t{ text-align:center; color:#fff; font-size:20px; padding-top:38px}
.cloud_03 .tt{ font-size:16px; color:#fff; line-height:26px; padding:30px 45px 0}
.cloud_03 .tt em{ color:#fff; font-size:18px; clear:both; display:block; padding-bottom:5px}
.cloud_03 .g{ text-align:center; font-size:26px; color:#fff; padding:50px 0 20px; clear:both; display:block}
.cloud_03 .btn{ clear:both; text-align:center}
.cloud_04{ background:url(../Images/cloud_04.gif) no-repeat center; height:588px; overflow:hidden; width:100%; position:relative; }
.cloud_04 a{text-indent:-9999px; width:180px; height:50px;position:absolute; bottom:10px; margin-left:100px; }
.cloud_05{ background:url(../Images/cloud_05.gif) no-repeat center; height:433px; overflow:hidden; width:100%; position:relative}
.cloud_05 a{text-indent:-9999px; width:180px; height:50px; display:block; clear:both; position:absolute; bottom:0px; margin-left:670px;}
.cloud_06{ background:url(../Images/cloud_06.gif) no-repeat center; height:352px; overflow:hidden; width:100%; position:relative}
.cloud_06 a{text-indent:-9999px; width:180px; height:50px; display:block; clear:both; position:absolute; bottom:45px; margin-left:100px}
.cloud_07{ background:url(../Images/cloud_07.png) no-repeat center; height:671px; overflow:hidden; width:100%}
.cloud_07 .cloudBox{   overflow:hidden; position:relative; padding-left:80px   } 
.cloud_07 .cloudBox li{ overflow:hidden; width:1040px; margin:172px 0 0 0px } 
.cloud_07 .cloudBox li .pic{ width:1040px;  overflow:hidden   } 
.cloud_07 .cloudBox li .pic img{ width:1040px; height:405px } 
.cloud_07 .cloudBox li  .title{ height:36px; padding-left:250px} 
.cloud_07 .cloudBox .prev{ position:absolute; z-index:1;width:34px; height:56px; overflow:hidden; cursor:pointer; right:10px; top:350px; background:url(../Images/cloud_07_r.gif) 0 0 no-repeat; } 
.cloud_07 .cloudBox .next{ position:absolute; z-index:1;width:34px; height:56px; overflow:hidden; cursor:pointer; left:10px; top:350px; background:url(../Images/cloud_07_l.gif) 0 0 no-repeat; _margin-left:-80px;} 
.cloud_08{background:url(../Images/cloud_08.gif) no-repeat center bottom #108f7a; height:620px; overflow:hidden; width:100%}
.cloud_08 .tit{ background:url(../Images/cloud_08_tit.gif) no-repeat center; height:94px; margin:50px 0 30px}
.cloudLoop{ overflow:hidden; position:relative;  background:#b0e9e1;border:#6ed3c2 solid 3px  } 
.cloudLoop .hd{ overflow:hidden;  height:34px; background:#f5f5f5; border-bottom:#d6d6d6 solid 1px; line-height:34px; font-size:16px; padding-left:10px   } 
.cloudLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9px; height:10px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; display:none } 
.cloudLoop .hd .next{  } 
.cloudLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; display:none } 
.cloudLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius:10px; } 
.cloudLoop .hd ul li.on{ background:#f00;  } 
.cloudLoop .td{ background:#26b99a; height:40px; line-height:40px; font-size:14px; font-weight:bold; overflow:hidden; color:#fff}
.cloudLoop .td .l1{ width:190px; text-align:center; border-right:#6ed3c2 solid 1px; float:left}
.cloudLoop .td .l4{ width:440px; text-align:center; border-right:#6ed3c2 solid 1px; float:left}
.cloudLoop .td .l5{ width:180px; text-align:center; border-right:#6ed3c2 solid 1px; float:left}
.cloudLoop .td .l6{ width:170px; text-align:center; border-right:#6ed3c2 solid 1px; float:left}
.cloudLoop .td .l7{ width:210px; text-align:center; float:left}
.cloudLoop .bd{    } 
.cloudLoop .bd ul{ overflow:hidden; zoom:1; } 
.cloudList ul{ margin:0; padding:0}
.cloudList li{ line-height:40px; border-bottom:#6ed3c2 solid 1px; height:40px; overflow:hidden; font-size:14px  } 
.cloudList li .l1{ width:190px; text-align:center; border-right:#6ed3c2 solid 1px; float:left; color:#666;}
.cloudList li .l4{ width:440px; text-align:center; border-right:#6ed3c2 solid 1px; float:left; color:#666;}
.cloudList li .l5{ width:180px; text-align:center; border-right:#6ed3c2 solid 1px; float:left; color:#666;}
.cloudList li .l6{ width:170px; text-align:center; border-right:#6ed3c2 solid 1px; float:left; color:#666;}
.cloudList li .l7{ width:210px; text-align:center;  float:left; color:#666;}
.cloud_09{background:url(../Images/cloud_09.gif) no-repeat center; height:102px; overflow:hidden; width:100%}
.cloud_txt{ background:#f5f5f5; overflow:hidden; width:1200px; margin:0 auto}
.cloud_txt .t1{ background:#3a3c49; height:74px; line-height:74px; color:#fff; font-size:26px; text-align:center; font-weight:bold;}
.cloud_txt .tdL{ width:220px; border-right:#ccc solid 1px;border-bottom:#ccc solid 1px;}
.cloud_txt .tdC{ width:300px; border-right:#ccc solid 1px; font-size:14px; line-height:28px; padding:20px;color:#e2534b;}
.cloud_txt .tdT{ color:#cc0000;}
.cloud_txt .tdT strong{ clear:both; display:block}
.cloud_txt .tdLt{ font-size:22px; text-align:center; font-weight:bold; color:#cc0000; line-height:40px}
.cloud_txt .tdR{ font-size:16px; padding:15px 20px 15px 20px; line-height:32px; overflow:hidden;border-bottom:#ccc solid 1px}
.cloud_txt .t2{ background:#e4e4e4; overflow:hidden;}
.cloud_txt .tl1{ width:33%; float:left}
.cloud_txt .tl2{ width:50%; float:left}
.cloud_txt .tcl{ clear:both; display:block}
.cloud_jd{ width:1170px; margin:0 auto; background:#f5f5f5; padding:20px 0 10px 30px; overflow:hidden}
.cloud_jd h2{color:#333; font-size:16px;  padding:0px 0px 0px;}
.cloud_jd span{ background:#eb6559; float:left; padding:3px 0px 5px; font-size:14px; color:#fff; margin:0 0 15px; width:195px; text-align:center}
.cloud_jd em{ background:#f5f5f5;padding:3px 10px 5px; font-size:14px; float:left}
/*教学直播间*/
.directSeeding_a{ background:url(../Images/b1.jpg) no-repeat top center; height:862px; overflow:hidden}
.directSeeding_a .t1{ background:url(../Images/t1.png) no-repeat top center; height:270px; overflow:hidden; margin-top:220px}
.directSeeding_a .t2{ background:url(../Images/t2.png) no-repeat top center; height:78px; overflow:hidden; margin-top:50px}
.directSeeding_b{ background:url(../Images/b2.jpg) no-repeat top center; height:808px; overflow:hidden}
.directSeeding_b .b_main{ width:1210px; margin:0 auto; position:relative; overflow:hidden}
.directSeeding_b .l{ float:left; width:150px; background:#ef9e08; height:315px; overflow:hidden; margin-top:280px}
.directSeeding_b .l ul li{ height:45px; line-height:45px; font-size:18px; color:#fff; text-align:center;}
.directSeeding_b .l .l1{ background:#e29300}
.directSeeding_b .l .on{ background:#bb71ce !important}
.directSeeding_b .c{ float:left; width:160px; margin-left:3px; margin-top:280px; height:315px; overflow:hidden; background:#e4d500; padding:0 15px}
.directSeeding_b .c p{ text-align:center; color:#000; font-size:20px; line-height:32px; padding:60px 0 0 0; border-bottom:#000 solid 1px; padding-bottom:10px}
.directSeeding_b .c b{ text-align:center; color:#e10000; font-size:16px; padding:10px 0 15px; display:block}
.directSeeding_b .c .b_btn{ background:#01f5fe; width:100%; text-align:center; height:36px; line-height:36px; font-size:16px; color:#000; display:block;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.directSeeding_b .c .b_btn:hover{ background:#e10000; color:#fff}
.directSeeding_b .r{ width:859px; height:501px; background:#000; overflow:hidden; float:left; margin-top:220px}
.directSeeding_b .r img{ width:859px; height:501px;}
.directSeeding_b .b{ position:absolute;left:0; bottom:0px; width:313px; height:96px;padding:15px; overflow:hidden; font-size:14px; color:#01f5fe; line-height:24px;}
.directSeeding_b .b .btn_b{border:#01f5fe solid 1px; padding:5px 20px; font-size:16px; color:#01f5fe; display:inline-block;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.directSeeding_b .b .btn_b:hover{border:#01f5fe solid 1px; background:#01f5fe; color:#000}
.directSeeding_c{ background:url(../Images/b3.jpg) no-repeat top center; height:1532px; overflow:hidden}
.directSeeding_c .t{  background:url(../Images/t3.png) no-repeat top center; height:149px; margin-top:220px}
.directSeeding_tab{ background:url(../Images/lc_bg.png) no-repeat center; height:1150px; position:relative; width:1200px; margin:0 auto}
.directSeeding_txt{ position:absolute; width:342px; height:249px; top:448px; left:415px; font-size:18px; color:#fff; line-height:28px}
.directSeeding_txt .t1{ text-align:center; padding-top:60px}
.directSeeding_txt .t2{ text-align:left; padding-left:10px }
.directSeeding_txt .t3{ text-align:left; font-size:16px; line-height:24px; margin:-10px -30px 0  0px }
.directSeeding_txt  h2{ color:#e4d500; font-weight:normal; padding:10px 0}
.directSeeding_tab_box{}
.directSeeding_tab_box .hd{}
.directSeeding_tab_box .hd li.on{ font-size:50px}
.directSeeding_tab_box .hd .l1{background:url(../Images/lc_01.png) no-repeat;  width:196px; height:196px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:196px; position:absolute;left:345px;top:89px; cursor:pointer}
.directSeeding_tab_box .hd .l2{background:url(../Images/lc_02.png) no-repeat;  width:173px; height:173px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:173px; position:absolute;left:558px;top:82px; cursor:pointer}
.directSeeding_tab_box .hd .l3{background:url(../Images/lc_03.png) no-repeat;  width:223px; height:223px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:223px; position:absolute;right:214px;top:181px; cursor:pointer}
.directSeeding_tab_box .hd .l4{background:url(../Images/lc_04.png) no-repeat;  width:217px; height:217px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:217px; position:absolute;right:108px;top:403px; cursor:pointer}
.directSeeding_tab_box .hd .l5{background:url(../Images/lc_05.png) no-repeat;  width:219px; height:219px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:219px; position:absolute;right:301px;bottom:121px; cursor:pointer}
.directSeeding_tab_box .hd .l6{background:url(../Images/lc_06.png) no-repeat;  width:247px; height:248px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:248px; position:absolute;right:479px;bottom:46px; cursor:pointer}
.directSeeding_tab_box .hd .l7{background:url(../Images/lc_07.png) no-repeat;  width:275px; height:276px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:276px; position:absolute;left:87px;bottom:235px; cursor:pointer}
.directSeeding_tab_box .hd .l8{background:url(../Images/lc_08.png) no-repeat;  width:165px; height:165px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:165px; position:absolute;left:91px;top:492px; cursor:pointer}
.directSeeding_tab_box .hd .l9{background:url(../Images/lc_09.png) no-repeat;  width:210px; height:210px; font-size:40px; font-weight:bold; color:#fff; text-align:center; line-height:210px; position:absolute;left:108px;top:293px; cursor:pointer}
.directSeeding_d{ background:url(../Images/b4.jpg) no-repeat top center; height:932px; overflow:hidden}
.directSeeding_d .t{  background:url(../Images/t4.png) no-repeat top center; height:157px; margin:0 0 0px}
.directSeeding_d .line{ background:url(../Images/t5.png) repeat-x; height:33px; width:100%; position:absolute;left:0;top:340px; z-index:1px }
.directSeeding_d .line1{ background:url(../Images/t5.png) repeat-x; height:33px; width:100%; position:absolute;left:0;top:688px; z-index:1px }
ul.directSeeding_d_pic{ padding-bottom:30px; display:block; clear:both; overflow:hidden; position:relative}
ul.directSeeding_d_pic li{ float:left; margin:90px 60px 0px 0px; width:360px; position:relative; height:258px; overflow:hidden; position:relative; z-index:9999}
ul.directSeeding_d_pic li img{width:360px;height:258px}
ul.directSeeding_d_pic li .info{position:absolute;background:rgba(0,0,0,0.6); width:354px;height:252px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9C000000 ,endColorstr=#9C000000); font-size:20px;line-height:32px; overflow:hidden; display:block; text-align:center; color:#fff;border:#c4c0c9 solid 3px}
ul.directSeeding_d_pic li .info p{ padding:20px 40px 0}
ul.directSeeding_d_pic li .info h2{ border-bottom:#fff solid 2px; font-size:22px; font-weight:normal; padding:50px 0 10px 0;  display:inline-block}
ul.directSeeding_d_pic .last{ margin-right:0px;}
.directSeeding_e{ background:#03132d;  overflow:hidden; position:relative; padding-bottom:50px }
.directSeeding_e .t{  background:url(../Images/t6.png) no-repeat top center; height:155px; margin:40px 0; position:relative; z-index:9999 }
.directSeeding_e .bl{background:url(../Images/b8.jpg) no-repeat left top; width:755px; height:615px; position:absolute;left:0;top:0; z-index:1}
.directSeeding_e .br{background:url(../Images/b9.jpg) no-repeat left top; width:755px; height:615px; position:absolute;right:0;top:0; z-index:1;}
ul.directSeeding_e_pic{ margin-left:-25px; clear:both; display:block; overflow:hidden; position:relative; z-index:9999}
ul.directSeeding_e_pic li{ float:left;width:281px; margin:40px 0 0px 25px}
ul.directSeeding_e_pic li img{ width:281px; height:395px;}
.directSeeding_f{ background:url(../Images/b5.jpg) no-repeat top center; height:1150px; overflow:hidden}
.directSeeding_f .t{background:url(../Images/t7.png) no-repeat top center; height:144px; margin:230px 0 80px; }
.directSeeding_f .tbg{background:url(../Images/15.png) no-repeat top center; height:634px;}
.directSeeding_g{ background:url(../Images/b6.jpg) no-repeat top center; height:1275px; overflow:hidden}
.directSeeding_g .t{background:url(../Images/t8.png) no-repeat top center; height:144px; margin:10px 0 80px; }
.directSeeding_g ul{ position:relative; width:1260px;}
.directSeeding_g ul li{ float:left; width:288px; background:#fff; height:435px; overflow:hidden; margin:20px 16px 0 0}
.directSeeding_g ul .txt{ padding:0 15px 15px}
.directSeeding_g ul .txt h1{ font-size:22px; padding:10px 0 8px;border-bottom:#ddd solid 1px; text-align:center}
.directSeeding_g ul .txt p{ font-size:18px; color:#000; line-height:27px; padding:8px 0 0 0}
.directSeeding_g ul .txt b{ color:#e90000}
.directSeeding_h{ background:url(../Images/b7.jpg) no-repeat top center; height:781px; overflow:hidden}
/*在线课堂*/
.network_banner{ background:url(../Images/banner.png) no-repeat center; height:599px; overflow:hidden; width:100%; clear:both; display:block }
.network_banner_t {text-align: center;color: #fff;font-size: 30px;font-weight: bold;margin: 480px auto 0;height: 45px;}
.network_banner_t a{ color:#fff}
.network_banner_t a:hover{ color:#fff; text-decoration:none}
.network_b1{ background:url(../Images/b1.png); overflow:hidden; display:block}
.network_b1 .t1{ background:url(../Images/img.png) no-repeat; width:726px; height:27px; margin:50px auto 20px}
.network_b1 .t2{ background:url(../Images/img.png) no-repeat 0 -45px; width:456px; height:46px; margin:30px auto 50px}
.network_b1 .b1_bg{ background:url(../Images/b1_bg.png) no-repeat top center; width:999px; height:531px; margin:0 auto; position:relative}
.network_b1 .b1_bg .txt{font-size:15px; color:#444; position:absolute; text-align:center;line-height:24px}
.network_b1 .b1_bg .txt1{left:150px;bottom:5px; }
.network_b1 .b1_bg .txt2{left:17px;bottom:155px; }
.network_b1 .b1_bg .txt3{left:173px;top:184px; }
.network_b1 .b1_bg .txt4{left:307px;top:65px; }
.network_b1 .b1_bg .txt5{right:335px;top:60px; }
.network_b1 .b1_bg .txt6{right:189px;top:189px; }
.network_b1 .b1_bg .txt7{right:18px;top:269px; }
.network_b1 .b1_bg .txt8{right:94px;bottom:42px; }
.network_btn{background:url(../Images/img.png) no-repeat 0 -109px; width:516px; height:61px;  margin:30px 0 50px 244px; float:left}
.network_btn a{ font-size:22px; text-align:center; line-height:56px; color:#fff; display:block;}
.network_btn a:hover{ color:#fff; text-decoration:none}
.network_st_btn{background:url(../Images/st_btn.png) no-repeat; width:176px; height:61px;  margin:30px 0 50px 20px; float:left}
.network_st_btn a{ font-size:22px; text-align:center; line-height:56px; color:#fff; display:block;}
.network_st_btn a:hover{ color:#fff; text-decoration:none}
.network_b2{ background:url(../Images/b2_t.png) no-repeat left top #4a5e69;  overflow: hidden}
.network_b2 .b2_b{ background:url(../Images/b2_b.png) no-repeat right bottom;}
.network_b2 .t1{ background:url(../Images/img.png) no-repeat 0 -194px; width:371px; height:35px; margin:60px auto 20px}
.network_b2 .t2{ background:url(../Images/img.png) no-repeat 0 -251px; width:619px; height:40px; margin:40px auto 20px; line-height:40px; text-align:center; font-size:20px; color:#fff}
.network_b2 .b2_bg{ width:1000px; margin:0 auto; overflow:hidden}
.network_b2 h1{ font-size:32px; color:#fff; font-weight:normal; margin:30px 0 10px}
.network_b2 .b2_bg1{ background:url(../Images/b2_bg1.png) no-repeat; width:1000px; height:323px; overflow:hidden; margin:0 auto; position:relative}
.network_b2 .b2_bg1 .b{ position: absolute; left:18px; bottom:50px}
.network_b2 .b2_bg1 .txt{ padding:60px 0 0 300px}
.network_b2 .b{ background:url(../Images/img.png) no-repeat 0 -307px; width:208px; height:43px; font-size:20px; line-height:43px; text-align:center}
.network_b2 .b a{ color:#fff;}
.network_b2 .b a:hover{ color:#fff; text-decoration:none}
.network_b2 .txt{ font-size:18px; line-height:36px; width:550px; color:#fff}
.network_b2 .b2_bg2{ background:url(../Images/b2_bg2.png) no-repeat; width:1000px; height:323px; overflow:hidden; margin:0 auto; position:relative}
.network_b2 .b2_bg2 .b{ position: absolute; right:18px; bottom:50px}
.network_b2 .b2_bg2 .txt{ padding:35px 0 0 160px}
.network_b2 .b2_bg3{ background:url(../Images/b2_bg3.png) no-repeat; width:1000px; height:323px; overflow:hidden; margin:0 auto 47px; position:relative}
.network_b3{ width:1200px; margin:0 auto; overflow:hidden}
.network_b3 .t{ background:url(../Images/img.png) no-repeat 0 -372px; width:480px; height:35px; margin:50px auto 40px}
.network_b3 ul li{ float:left; width:380px; font-size:20px; text-align:center; color:#fff; line-height:34px;}
.network_b3 ul li .tit{ background:url(../Images/img.png) no-repeat 0 -431px; width:150px; height:45px; margin:114px auto 15px; text-align:center; font-size:24px; font-weight:bold; color:#fff; line-height:44px;}
.network_b3 ul li  span{ color:#fff; font-size:14px; padding-left:8px;text-decoration:line-through}
.network_b3 .img01{ background:url(../Images/b3_01.jpg) no-repeat #4ec427; }
.network_b3 .img02{ background:url(../Images/b3_02.jpg) no-repeat #4ec427; margin:0 30px }
.network_b3 .img03{ background:url(../Images/b3_03.jpg) no-repeat #4ec427; }
.network_b3 .imgb{background:url(../Images/b3_bg.png) no-repeat bottom; height:83px;}
.network_bm{ background:url(../Images/bm.gif) no-repeat; width:1200px; height:377px; margin:40px auto 40px; overflow:hidden}
.network_b4{ background:url(../Images/b4_bg.png) no-repeat bottom center #0188cc; height:940px; overflow:hidden; display:block; clear:both}
.network_b4 .t{ background:url(../Images/img.png) no-repeat 0 -502px; width:430px; height:36px; margin:60px auto 25px}
.network_b4 h1{ font-weight: normal; font-size:24px; color:#fff; text-align:center; padding-bottom:15px}
.network_b4 h2{ font-weight: normal; font-size:18px; color:#b9e5fc; text-align:center; line-height:30px}
.network_b5{ width:1200px; margin:0 auto; overflow:hidden}
.network_b5 .t{ background:url(../Images/img.png) no-repeat 0 -564px; width:141px; height:34px; margin:50px auto 30px}
.network_b5 .bor{border:#dedede solid 1px; margin-bottom:20px; overflow:hidden}
.network_b5 table{ border-collapse:collapse; border:none; background:#f7f7f7}
.network_b5 table td{border:#fff solid 2px; padding:8px 0}
.network_b5 .t1{ width:174px; background:#4fc428; font-size:18px; line-height:30px; text-align:center; color:#fff}
.network_b5 .t2{width:243px; color:#666; font-size:15px; padding-left:10px;}
.network_b5 .t3{ color:#666; font-size:15px; text-align:center}
.network_b6{ margin:30px 0 0 0}
.network_b6 .bgt{ background:url(../Images/b6_bgt.jpg) no-repeat top center; height:670px; overflow:hidden}
.network_b6 .bgt .t{ background:url(../Images/img.png) no-repeat 0 -622px; width:503px; height:36px; margin:160px auto 40px}
.network_b6 .bgt h1{ font-size:18px; color:#fdea2b; line-height:34px; text-align:center; font-weight:normal}
.network_b6 .bgt .bt{ width:165px; height:42px; line-height:42px; text-align:center; background:#4fc428; overflow:hidden; margin:35px auto 0}
.network_b6 .bgt .bt a{ font-size:18px; color:#fff;}
.network_b6 .bgt .bt a:hover{ text-decoration:none}
.network_b6 .bgb{ background:url(../Images/b6_bgb.jpg) no-repeat top center #13152a; height:930px; overflow:hidden}
.network_teachter_bg{background:url(../Images/teachter_bg.png) no-repeat top center; width:100%; height:839px; overflow:hidden}
.network_teachter_bg .t{ font-size:14px; color:#fff; line-height:26px; width:362px; padding:30px 0 0 20px}
.network_teachter_bg .bt{  margin:173px 0 0 0; }
.network_teachter_bg .bt a{ color:#424242; display:block;width:227px; height:40px; line-height:40px; text-align:center; font-size:22px;}
.network_teachter_bg .bt a:hover{ text-decoration:none; color:#333}
/*大数据基础班*/
.bigData_banner_01{ background:url(../Images/banner_01.png) no-repeat center;overflow:hidden; width:100%; height:193px}
.bigData_banner_02{ background:url(../Images/banner_02.png) no-repeat center;overflow:hidden; width:100%; height:193px}
.bigData_banner_03{ background:url(../Images/banner_03.png) no-repeat center;overflow:hidden; width:100%; height:193px}
.bigData_A{ padding-bottom:30px}
.bigData_A .tit{ background:url(../Images/a_tit.png) no-repeat;  height:97px; margin:50px 0 20px}
.bigData_A .bg{ background:url(../Images/a_bg.png) no-repeat; width:997px; height:412px; margin:0 auto; padding:270px 0 0 0}
.bigData_A .t{ background:url(../Images/a_t.png) no-repeat; width:254px; height:274px; margin:0 auto}
.bigData_B{ background:url(../Images/b_bg.png) no-repeat top center #2499e3; overflow:hidden;}
.bigData_B .tit{ background:url(../Images/b_tit.png) no-repeat;height:38px; margin:50px 0 50px}
.bigData_B ul{ width:1300px; position:relative; clear:both; display:block; overflow:hidden}
.bigData_B ul li{ width:285px; float:left; margin-right:20px; background:#fe9927;border-bottom:#207db6 solid 3px}
.bigData_B ul li .img{ text-align:center; margin-top:30px}
.bigData_B ul li .b{ height:120px; padding:20px 0px 0 ; color:#fff; font-size:18px; line-height:30px; text-align:center}
.bigData_btn{ margin:40px 0 60px; clear:both; display:block; overflow:hidden}
.bigData_btn a.b1{ background:#ffd800;font-size:22px;color:#1d93d1;border-bottom:#207db6 solid 3px;height:60px;width:300px;margin:0 auto;display:block; text-align:center;line-height:60px }
.bigData_btn a.b1:hover{ background:#f1cd03}
.bigData_C{}
.bigData_C .tit{ background:url(../Images/c_tit.png) no-repeat; height:38px; margin:50px 0 50px;}
.bigData_C .bg{background:url(../Images/c_bg.png) no-repeat center;  height:500px; position:relative; margin-bottom:40px}
.bigData_C_slideBox{ margin:0 auto; width:1080px;   } 
.bigData_C_slideBox li{ margin:25px 0 0 0; width:1080px; overflow: hidden } 
.bigData_C_slideBox li .pic{ width:1080px;  overflow:hidden; margin:0 auto; overflow: hidden; clear:both; display:block  } 
.bigData_C_slideBox li .pic img{ width:1080px; height:405px } 
.bigData_C_slideBox li .title{ height:36px; padding-left:260px} 
.bigData_C_slideBox .prev{ position:absolute;z-index:1;width:34px;height:56px; overflow:hidden;cursor:pointer;right:0px;top:50%; background:url(../Images/c_lr.png) no-repeat right top; margin-top:-17px } 
.bigData_C_slideBox .next{ position:absolute;z-index:1;width:34px; height:56px; overflow:hidden; cursor:pointer; left:0px;top:50%;background:url(../Images/c_lr.png) no-repeat left top;margin-top:-17px}
.bigData_D{ background:url(../Images/d_bg.png) no-repeat center #0154b2; overflow:hidden; padding-bottom:40px}
.bigData_D .tit{ background:url(../Images/d_tit.png) no-repeat;  height:79px; margin:50px 0 0px;}
.bigData_D .c{ background:url(../Images/d_b.png) repeat-y;  overflow:hidden}
.bigData_D .b{ background:url(../Images/d_bb.png) no-repeat bottom; height:23px;}
.bigData_D .jd{ width:1100px; margin:0 auto;  overflow:hidden}
.bigData_D .jd h2{color:#fff; font-size:18px;  padding:10px 0px 5px; font-weight:normal}
.bigData_D .jd span{ background:#2ed03d; float:left; padding:8px 0px 8px; font-size:16px; color:#fff; margin:0 0 15px; width:155px; text-align:center}
.bigData_D .jd em{ padding:8px 10px 0px; font-size:14px; float:left; color:#fff}
.bigData_E{}
.bigData_E .tit{background:url(../Images/e_tit.png) no-repeat; height:38px; margin:50px 0 40px;}
.bigData_E .t{ background:url(../Images/e_t.png) no-repeat; height:15px;}
.bigData_E .tit1{background:url(../Images/e_tit1.png) no-repeat top center;height:130px; margin:50px 0 40px;}
.bigData_E .lc{ background:url(../Images/e_img.png) no-repeat top center; width:100%; height:310px;}
.bigData_E_top{overflow:hidden;position:relative;border-bottom:#f0240b solid 5px;}
.bigData_E_top .td{background:#ff4026;height:40px;line-height:40px;font-size:16px;font-weight:bold;overflow:hidden; color:#fff;border-left:#f0240b solid 5px;border-right:#f0240b solid 5px;border-bottom:#f0240b solid 1px;}
.bigData_E_top .td .l1{width:100px;text-align:center;border-right:#f0240b solid 1px;float:left}
.bigData_E_top .td .l2{width:230px;text-align:center;border-right:#f0240b solid 1px;float:left}
.bigData_E_top .td .l3{width:200px;text-align:center;border-right:#f0240b solid 1px;float:left}
.bigData_E_top .td .l4{width:277px;text-align:center;border-right:#f0240b solid 1px;float:left}
.bigData_E_top .td .l5{width:128px;text-align:center;border-right:#f0240b solid 5px;border-left:#f0240b solid 5px;float:left}
.bigData_E_top .td .l6{width:110px;text-align:center;border-right:#f0240b solid 1px;float:left}
.bigData_E_top .td .l7{width:130px;text-align:center;float:left}
.bigData_E_top .bd ul{overflow:hidden;zoom:1}
.bigData_E_infoList ul{margin:0;padding:0;border-bottom:#f0240b solid 4px; }
.bigData_E_infoList li{ font-size:14px;line-height:40px;background:#ff4026;border-bottom:#fbf1d7 solid 1px;height:40px;overflow:hidden;border:#f0240b solid 5px;border-bottom:#f0240b solid 1px;border-top:none}
.bigData_E_infoList li .l1{width:100px;text-align:center;border-right:#f0240b solid 1px;float:left;color:#fff}
.bigData_E_infoList li .l2{width:230px;text-align:center;border-right:#f0240b solid 1px;float:left;color:#fff}
.bigData_E_infoList li .l3{width:200px;text-align:center;border-right:#f0240b solid 1px;float:left;color:#fff}
.bigData_E_infoList li .l4{width:277px;text-align:center;border-right:#f0240b solid 1px;float:left;color:#fff}
.bigData_E_infoList li .l5{width:128px;text-align:center;border-right:#f0240b solid 5px;border-left:#f0240b solid 5px;float:left;color:#fff}
.bigData_E_infoList li .l6{width:110px;text-align:center;border-right:#f0240b solid 1px;float:left;color:#fff}
.bigData_E_infoList li .l7{width:130px;text-align:center;float:left;color:#fff}
.bigData_F{  background:#353b51; overflow:hidden; margin-top:40px;}
.bigData_F .tit{background:url(../Images/f_tit.png) no-repeat; height:38px; margin:50px 0 30px;}
.bigData_F .txt{ font-size:18px; text-align:center; color:#16bdea; padding-bottom:40px;}
.bigData_F_table{ background:#fff; overflow:hidden; margin-bottom:30px; border-collapse:collapse;border:#000 solid 1px }
.bigData_F_table td{font-size:16px; padding:15px 20px 15px 20px; line-height:32px;border:#ccc solid 1px;}
.bigData_F_table .t1{ background:#2bc3f2; height:50px; line-height:50px; color:#fff; font-size:22px; text-align:center; font-weight:bold;}
.bigData_F_table .tdL{ width:180px;}
.bigData_F_table .tdL1{ width:150px;word-wrap:break-word;word-break:break-all; }
.bigData_F_table .tdC{ width:300px; font-size:14px; line-height:28px; padding:20px;color:#e2534b;}
.bigData_F_table .tdT{ color:#ed2408;}
.bigData_F_table .tdT strong{ clear:both; display:block}
.bigData_F_table .tdLt{ font-size:22px; text-align:center;font-weight:bold; color:#ed2408; line-height:40px}
.bigData_F_table .tdR{  overflow:hidden;border-bottom:#ccc solid 1px}
.bigData_F_table .t2{ background:#e4e4e4; overflow:hidden;}
.bigData_F_table em{color:#ed2408;}
.bigData_F_table .tl1{ width:245px; float:left}
.bigData_F_table .tl2{ width:368px; float:left}
.bigData_F_table .tcl{ clear:both; display:block}
/*ios*/
.ios_banner{ background:url(../Images/ios_banner.jpg) no-repeat top center; height:570px; overflow:hidden}
.ios_a{ background:#eef3fa; overflow:hidden}
.ios_a ul{ padding:25px 0 10px; overflow:hidden}
.ios_a ul li{ float:left; width:370px; padding:0 15px 20px}
.ios_a ul li .img{ float:left; width:85px; margin-right:15px}
.ios_a ul li .t{ float:left; width:270px;}
.ios_a ul li .t h1{ font-size:24px; color:#cc0000; font-weight:normal; padding-bottom:6px}
.ios_a ul li .t p{ font-size:16px; color:#444; line-height:26px;}
.ios_line{ background:url(../Images/ios_line.png) repeat-x; clear:both; display:block; overflow:hidden; height:16px;}
.ios_b{background:url(../Images/ios_03.png) repeat-x top #556590; overflow:hidden; padding:50px 50px 40px;}
.ios_b .t{ background:#e8cb53; overflow:hidden; text-align:center; font-size:28px; color:#fff; font-weight:bold; padding:8px 0; width:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ios_b ul.ys{ position:relative; width:1200px}
.ios_b ul.ys li{ float:left; background:#798ab7; padding:10px 15px 15px; overflow:hidden; width:326px; height:290px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-right:15px}
.ios_b ul.ys li .img{ width:45px; margin-right:15px; float:left; margin-top:6px}
.ios_b ul.ys li .txt{ float:left; width:266px; font-size:16px; color:#f4f8fd; line-height:28px; height:130px;}
.ios_b ul.ys li .txt strong{ color:#fff; }
.ios_b .zj{border-top:#63749f solid 1px; clear:both; display:block; overflow:hidden; padding:10px 0 0 0}
.ios_b .zj p{ background:url(../Images/ios_ico10.png) no-repeat left center; font-size:16px;color:#f4f8fd; padding:8px 0 8px 30px}
.ios_jy{ background:#566590; overflow:hidden; }
.ios_jy ul{ position:relative; width:1200px}
.ios_jy ul li{ float:left; width:144px; padding:15px 15px 0px 0}
.ios_jy ul li em{ background:#d20202; line-height:22px; clear:both; display:block; text-align:center; color:#fff; padding:2px 0; font-size:14px}
.ios_d{ background:#f8f8f8; overflow:hidden}
.ios_D_L{ width:94px; float:left; background:#21ace3; overflow:hidden; color:#fff; font-size:26px; font-weight:bold; padding:22px 0 0; overflow:hidden; text-align:center; height:436px; line-height:33px}
.ios_D_C{ width:285px; float:left; border-bottom:#d6d6d6 solid 1px; height:457px; overflow:hidden}
.ios_D_C .t{width:284px;text-align:center;border-right:#fff solid 1px;float:left;background:#ffa200;height:50px;line-height:50px;font-size:16px;font-weight:bold;overflow:hidden; color:#fff}
.ios_D_C .b{width:264px;border-right:#d6d6d6 solid 1px;float:left;color:#333; font-size:14px; line-height:26px; padding:10px}
.ios_D_R{width:820px;float:left; border-right:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; }
.ios_D_topLoop{overflow:hidden;position:relative}
.ios_D_topLoop .hd{overflow:hidden;height:34px;background:#f5f5f5;border-bottom:#d6d6d6 solid 1px;line-height:34px;font-size:16px;padding-left:10px}
.ios_D_topLoop .hd .prev,.topLoop .hd .next{display:block;width:9px;height:10px;line-height:10px;float:right;margin-right:10px;margin-top:10px;overflow:hidden;cursor:pointer;display:none}
.ios_D_topLoop .hd ul{float:right;overflow:hid5pxden;zoom:1;margin-top:10px;display:none}
.ios_D_topLoop .hd ul li{position:relative;_display:inline;float:left;width:10px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;)}
.ios_D_topLoop .hd ul li.on{background:#f00}
.ios_D_topLoop .td{background:#ffa200;height:50px;line-height:50px;font-size:16px;font-weight:bold;overflow:hidden; color:#fff}
.ios_D_topLoop .td .l1{width:202px;text-align:center;border-right:#fff solid 1px;float:left}
.ios_D_topLoop .td .l3{width:597px;float:left; padding-left:20px}
.ios_D_topLoop .bd ul{overflow:hidden;zoom:1}
.ios_D_infoList ul{margin:0;padding:0}
.ios_D_infoList li{line-height:36px;border-bottom:#d6d6d6 solid 1px;height:36px;overflow:hidden;float:left; font-size:14px}
.ios_D_infoList li a{color:#1594e7}
.ios_D_infoList li a:hover{color:#1594e7;text-decoration:none}
.ios_D_infoList li .l1{width:202px;text-align:center;border-right:#d6d6d6 solid 1px;float:left;color:#666}
.ios_D_infoList li .l3{width:597px;float:left;color:#666; padding-left:20px}
.ios_down{ background:url(../Images/ios_btn.gif) repeat-x; height:48px; font-size:20px; line-height:48px; color:#fff; text-align:center}
.ios_down a{ display:block; color:#fff}
.ios_down a:hover{background:url(../Images/ios_btn.gif) repeat-x 0 -48px; color:#fff; text-decoration:none}
.ios_t{overflow:hidden;position:relative}
.ios_t .td{background:url(../Images/tit_bg.gif);height:50px;line-height:50px;font-size:16px;font-weight:bold;overflow:hidden; border-bottom:#3b444d solid 1px}
.ios_t .td .l1{width:105px;text-align:center;float:left}
.ios_t .td .l2{width:241px;text-align:center;float:left}
.ios_t .td .l3{width:241px;text-align:center;float:left}
.ios_t .td .l4{width:251px;text-align:center;float:left}
.ios_t .td .l5{width:121px;text-align:center;float:left}
.ios_t .td .l6{width:111px;text-align:center;float:left}
.ios_t .td .l7{width:130px;text-align:center;float:left}
.ios_t .bd ul{overflow:hidden;zoom:1}
.ios_list ul{margin:0;padding:0}
.ios_list li{line-height:36px;background:#f8f8f8;border-bottom:#e7e6e6 solid 1px;height:36px;overflow:hidden;float:left; font-size:14px}
.ios_list li .l1{width:104px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l2{width:240px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l3{width:240px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l4{width:250px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l5{width:120px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l6{width:110px;text-align:center;border-right:#e7e6e6 solid 1px;float:left;color:#000}
.ios_list li .l7{width:130px;text-align:center;float:left;color:#000}
.ios_kc{ background:url(../Images/ios_ys_bg.png); overflow:hidden; _display:inline-block; padding:0 0 40px}
.ios_kc h1{ font-size:36px; color:#1a386a; padding:40px 0 10px; overflow:hidden; text-align:center}
.ios_kc ul{ padding:10px 0 0 0;}
.ios_kc ul li{ color:#fff; font-size:14px;  float:left; line-height:26px; background:#7b85a1; margin-left:25px; width:238px; padding:5px 15px 10px 15px; height:190px}
.ios_kc ul li span{ font-size:16px; clear:both; display:block; border-bottom:#fff dashed 1px; padding:10px 0; margin-bottom:10px}
ul.ios_case{ padding:20px 0 0 0}
ul.ios_case li{ float:left; width:285px; margin-right:20px; padding-bottom:20px}
ul.ios_case li p{ text-align:center; font-size:16px; padding:5px 0 0 0}
ul.ios_case .last{ margin-right:0}
.ios_kcdg{ background:#fff; overflow:hidden; padding-bottom:20px}
.ios_kcdg h1{ color:#cf3800; text-align:center; padding:40px 0 20px; font-size:36px}
/*kc_banner*/
.java_kc_banner{ background:url(../Images/java_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px; text-align:center;}
.java_kc_banner a{ width:185px; height:50px; margin:400px 9px 0 ; display:inline-block}
.html5_kc_banner{ background:url(../Images/html5_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px;}
.html5_kc_banner a{ width:185px; height:50px; margin:364px 9px 0  ; display:inline-block;}
.ios_kc_banner{ background:url(../Images/ios_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px; text-align:center;}
.ios_kc_banner a{ width:185px; height:50px; margin:373px 9px 0 ; display:inline-block;}
.ui_kc_banner{ background:url(../Images/ui_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px; text-align:center;}
.ui_kc_banner a{ width:185px; height:50px; margin:314px 9px 0 ; display:inline-block;}
.cloud_kc_banner{ background:url(../Images/cloud_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px; text-align:center;}
.cloud_kc_banner a{ width:185px; height:53px; margin:357px 16px 0 ; display:inline-block;}
.framework_kc_banner{ background:url(../Images/framework_kc_banner.jpg) no-repeat top center; overflow:hidden; height:500px; text-align:center;}
.framework_kc_banner a{ width:185px; height:50px; margin:383px 9px 0 ; display:inline-block;}
/*fake*/
.fake_banner_bg{ background:url(../Images/banner_bg.gif) repeat-x; height:375px;}
.fake_banner_01{ background:url(../Images/banner_01.jpg) no-repeat center; height:125px}
.fake_banner_02{ background:url(../Images/banner_02.jpg) no-repeat center; height:125px}
.fake_banner_03{ background:url(../Images/banner_03.jpg) no-repeat center; height:125px}
.fake_main{width:960px; margin:0 auto; overflow:hidden  }
.fake_01{ background:#fefaee; overflow:hidden; padding:40px 0}
.fake_02{ background:#ffebe4; overflow:hidden; padding:40px 0 40px}
.fake_03{ background:#fefaee; overflow:hidden; padding:40px 0 40px}
.fake_03 .txt{ font-size:16px; color:#323232; line-height:28px; text-align:center}
.fake_04{ background:#fff; overflow:hidden; padding:40px 0 40px}
.fake_05{ overflow:hidden; height:677px; background:url(../Images/fake_05.jpg) no-repeat center bottom #fefaee; padding-top:40px}
.fake_06{ background:#fff;}
.fake_06_main{width:1002px; margin:0 auto; overflow:hidden; background:#ea613d; padding:0 0 20px }
.fake_06_main ul{}
.fake_06_main ul li{ float:left; padding-left:41px; text-align:center}
.fake_06_main ul li em{ clear:both; display:block; padding:10px 0 20px}
.fake_06_main ul li a em{ color:#fff; font-size:14px}
.fake_06_main ul li a:hover em{ color:#fff; text-decoration:underline}
.fake_06_main ul li img{ border:#eda08e solid 1px; padding:5px}
.fake_more{ float:right; padding-right:41px}
/*1024*/
.festival_main{ width:1000px; margin:0 auto; position:relative}
.festival_main .line{ width:1px; overflow:hidden; height:100%; background:#303459; position:absolute;top:0;left:-60px}
.festival_banner{ background:url(../Images/banner_bg.jpg) no-repeat top center; width:100%; height:712px; overflow:hidden; position:relative}
.festival_banner .img1{ position:absolute; background:url(../Images/banner_01.png) no-repeat; width:748px; height:290px; overflow:hidden;top:72px;left:50%; margin-left:-416px}
.festival_banner .img2{ position:absolute; background:url(../Images/banner_02.png) no-repeat; width:690px; height:311px; overflow:hidden;bottom:26px;left:50%; margin-left:-284px}
.festival_banner .img3{ position:absolute; background:url(../Images/banner_03.png) no-repeat; width:92px; height:134px; overflow:hidden;bottom:120px;left:50%; margin-left:-390px}
.festival_banner .img_up {-webkit-animation: moveIconUp ease 1.5s both infinite;animation: moveIconUp ease 1.5s both infinite;}
@-webkit-keyframes moveIconUp{0% {-webkit-transform: translateY(0%);}60% {-webkit-transform: translateY(10%);}100% {-webkit-transform: translateY(0%);}	}
@keyframes moveIconUp{0% {transform: translateY(0%);}60% {transform: translateY(10%);}100% {transform: translateY(0%);}}
.festival_tit01{ background:url(../Images/tit_01.gif) no-repeat top center; height:75px; overflow:hidden; margin-bottom:30px}
.festival_tit02{ background:url(../Images/tit_02.gif) no-repeat  center; height:75px; overflow:hidden; padding:60px 0 30px}
.festival_tit03{ background:url(../Images/tit_03.gif) no-repeat top center; height:75px; overflow:hidden; margin:60px 0 30px}
.festival_a{ background:#303459; overflow:hidden; padding:0 0 35px;}
.festival_a .l{ width:30%; height:100px; background:#212445; float:left;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; text-align: center}
.festival_a .l a{ display:inline-block; color:#fff}
.festival_a .l b{ float:left; font-size:30px; color:#fff; line-height:100px}
.festival_a .l span{ float:left; padding-right:8px}
.festival_b{ background:#fda911; overflow:hidden; }
.festival_b .bg{ background:#fecc45; overflow:hidden; padding:20px 30px;}
.festival_b .bg .t1{ font-size:17px; font-weight:bold; line-height:30px;}
.festival_b .bg .t2{ font-size:20px; line-height:40px;}
.festival_b .bg .t3{ font-size:17px; line-height:36px; position:relative}
.festival_b .bg .t3 a{color:#f6271f}
.festival_b .bg .t3 a:hover{color:#f6271f; text-decoration:underline}
.festival_b .bg .t3 .wx{ position:absolute;right:100px; top:180px; width:200px; text-align:center}
.festival_b .bg .t3 .wx img{ width:100px; height:100px; border:#fff solid 2px}
.festival_b .bg .t3 .wx p{ font-size:14px; text-align:center}
.festival_b .bg .t3 .wb{ position:absolute;right:100px; top:100px; width:200px; text-align:center}
.festival_b .bg .t3 .wb img{ width:100px; height:100px; border:#fff solid 2px}
.festival_b .bg .t3 .wb p{ font-size:14px; text-align:center}
.festival_b .bg .t3 .jd{ position:absolute;left:450px; top:252px;}
.festival_b .bg em{ color:#f6271f}
.festival_b .bg ul.kc{overflow:hidden}
.festival_b .bg ul.kc li{ float:left; text-align:center; width:20%; padding:20px 0 0 0}
.festival_b .bg ul.kc li p{ font-size:16px; padding:10px 0 20px}
.festival_b .bg ul.kc li img{-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;	-ms-transition: -ms-transform 0.5s ease-out;}
.festival_b .bg ul.kc li img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform:rotateZ(360deg)}
.festival_b .tit{ background:url(../Images/ico_l.gif) no-repeat;  height:91px; margin-left:-105px; position:relative; z-index:9999}
.festival_b .tit h1{ font-size:26px; color:#fff; width:91px; padding-top:8px; text-align:center; float:left}
.festival_b .tit h2{ font-size:36px; color:#000; float:left; line-height:91px; padding-left:14px}
.festival_c{ background:#303459; overflow:hidden; padding:0 0 50px;}
.festival_c .bg{background:#212445;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; padding:20px 40px; overflow:hidden}
.festival_c .bg ul li{ font-size:17px; font-weight:bold; width:50%; float:left; line-height:40px; color:#fff}
/*11*/
.main_11{ width:1156px; margin:0 auto}
.banner_bg_11{ background:url(../Images/banner_bg.jpg) no-repeat top center; height:659px; width:100%; overflow: hidden}
.banner_bg_11 .img1{ background:url(../Images/banner_01.png) no-repeat top center; height:450px; width:100%; margin-top:30px}
.banner_bg_11 .img2{ background:url(../Images/banner_02.png) no-repeat top center; height:96px; width:100%}
.zt_11_a{ background:url(../Images/img_03.png) no-repeat top center; height:270px; width:100%}
.zt_11_a_bg{ background:#ff5742; overflow:hidden; padding:40px 0 0}
.zt_11_a_bg ul.yh li{ width:385px; float:left; text-align:center}
.zt_11_a_bg ul.yh li p{ font-size:24px; color:#fff; line-height:34px; padding:15px 20px 0px}
.zt_11_a_bg ul.kc{ padding:60px 0; overflow:hidden}
.zt_11_a_bg ul.kc li{ width:578px; float:left; text-align:center}
.zt_11_a_bg .txt_bg{ background:url(../Images/img_12.png) no-repeat; height:395px; margin-top:40px}
.zt_11_a_bg .txt_bg .t{ color:#fff; font-size:24px; line-height:36px; padding:70px 100px 0}
.zt_11_a_bg .txt_bg strong{ width:180px; text-align:right; float:left; padding-right:10px}
.zt_11_a_bg .txt_bg span{ float:left; width:650px}
.zt_11_a_bg .txt_bg em{ color:#fff000}
.zt_11_a_bg .txt_bg img{ vertical-align:middle}
.zt_11_a_bottom{background:url(../Images/img_14.png) no-repeat top center; height:164px; width:100%}
.zt_11_foot{ background:url(../Images/img_15.png) no-repeat top center #3ab9c8; padding:70px 0 50px; overflow:hidden}
.zt_11_foot .t{ font-size:20px; color:#fff;  line-height:36px; padding:80px 0 0 150px}
.zt_11_foot .t em{ color:#fff000}
/* vr */
.vr_banner_bg{ background:url(../Images/banner_bg.jpg) no-repeat top center; height:600px; overflow:hidden; position:relative}
.vr_banner_bg .img1{ background:url(../Images/banner_img01.png) no-repeat center; height:266px; margin-top:115px; }
.vr_banner_bg .img2{ background:url(../Images/banner_img02.png) no-repeat center; height:50px; margin-top:15px}
.vr_banner_bg #demo-canvas{ position:absolute;}
.vr_title{ text-align:center; font-size:42px; color:#000; padding:60px 0 40px; overflow:hidden; font-weight:bold}
.vr_a{ width:300px; float:left; background:#fccd01; overflow:hidden; height:330px; position:relative}
.vr_a h1{ margin:30px 25px 10px; font-size:30px; color:#2e362b;border-bottom:#2e362b solid 1px; font-weight:normal; float:left; padding-bottom:15px}
.vr_a p{ font-size:14px; color:#2e362b; line-height:28px; padding:0 25px;}
.vr_a b{width: 0;height: 0;border-top: 20px solid transparent;border-right: 20px solid #fccd01;border-bottom: 20px solid transparent; position:absolute;right:0;top:145px}
.vr_btn{text-align:center; line-height:50px;  font-weight:bold; margin:40px 0 0px; display:inline-block}
.vr_btn a{ color:#ff9c23;border:#ff9c23 solid 3px; width:250px; height:50px;display:block;font-size:24px;-webkit-transition:.6s;-moz-transition: .6s; -ms-transition: .6s;transition:.6s}
.vr_btn a:hover{ color:#fff; background:#ff9c23; border:#ff9c23 solid 3px}
.vr_b{ background:url(../Images/vr_bg01.jpg) no-repeat center; height:750px; overflow:hidden; margin-top:80px}
.vr_tabPic{overflow:hidden } 
.vr_tabPic .hd{position:relative; padding:40px 0 0 0; } 
.vr_tabPic .hd ul{ position:relative; width:1280px } 
.vr_tabPic .hd ul li{ float:left; background:url(../Images/vr_ico.png) no-repeat left top; width:80px; margin-right:60px; text-align:center; color:#fff; font-size:14px; cursor:pointer } 
.vr_tabPic .hd ul li p{padding-top:86px}
.vr_tabPic .hd ul li.on{color:#ff9c23 } 
.vr_tabPic .hd ul .l1{ background:url(../Images/vr_ico.png) no-repeat left top;}
.vr_tabPic .hd ul .l1.on{background:url(../Images/vr_ico.png) no-repeat left -120px;} 
.vr_tabPic .hd ul .l2{ background:url(../Images/vr_ico.png) no-repeat -80px top;}
.vr_tabPic .hd ul .l2.on{background:url(../Images/vr_ico.png) no-repeat -80px -120px;} 
.vr_tabPic .hd ul .l3{ background:url(../Images/vr_ico.png) no-repeat -160px top;}
.vr_tabPic .hd ul .l3.on{background:url(../Images/vr_ico.png) no-repeat -160px -120px;} 
.vr_tabPic .hd ul .l4{ background:url(../Images/vr_ico.png) no-repeat -240px top;}
.vr_tabPic .hd ul .l4.on{background:url(../Images/vr_ico.png) no-repeat -240px -120px;} 
.vr_tabPic .hd ul .l5{ background:url(../Images/vr_ico.png) no-repeat -320px top;}
.vr_tabPic .hd ul .l5.on{background:url(../Images/vr_ico.png) no-repeat -320px -120px;} 
.vr_tabPic .hd ul .l6{ background:url(../Images/vr_ico.png) no-repeat -400px top;}
.vr_tabPic .hd ul .l6.on{background:url(../Images/vr_ico.png) no-repeat -400px -120px;} 
.vr_tabPic .hd ul .l7{ background:url(../Images/vr_ico.png) no-repeat -480px top;}
.vr_tabPic .hd ul .l7.on{background:url(../Images/vr_ico.png) no-repeat -480px -120px;} 
.vr_tabPic .hd ul .l8{ background:url(../Images/vr_ico.png) no-repeat -560px top;}
.vr_tabPic .hd ul .l8.on{background:url(../Images/vr_ico.png) no-repeat -560px -120px;} 
.vr_tabPic .hd ul .l9{ background:url(../Images/vr_ico.png) no-repeat right top;}
.vr_tabPic .hd ul .l9.on{background:url(../Images/vr_ico.png) no-repeat right -120px;} 
.vr_tabPic .bd{ text-align:center } 
.vr_tabPic .bd img{ width:1146px; height:463px}
.vr_c{ background:#fcfcfc; overflow:hidden; padding-bottom:60px}
.vr_c .bg{ background:url(../Images/vr_bg02.png) no-repeat; height:353px; overflow:hidden}
.vr_c .bg .txt{ font-size:18px; color:#333; line-height:34px; padding:70px 40px 0}
.vr_d{ background:#3d4861; overflow:hidden; padding-bottom:30px}
.vr_d .txt{ font-size:14px; color:#fff; line-height:30px; padding-bottom:25px}
.vr_kc_tab{}
.vr_kc_tab .hd{ padding-bottom:20px; clear:both; display:block; overflow:hidden; }
.vr_kc_tab .hd ul{ position:relative; width:1220px}
.vr_kc_tab .hd ul li{ width:188px; height:48px; text-align:center; line-height:48px; color:#fff; background:#2d3445; font-size:18px; float:left; border-radius:5px; margin-right:14px; cursor:pointer }
.vr_kc_tab .hd ul li.on{ background:url(../Images/tab_curr.png) no-repeat; height:59px}
.vr_kc_tab .bd{ clear:both; display:block;border:#2d3445 dashed 1px; border-radius:5px; font-size:16px; color:#2d3445; line-height:30px; padding:25px 35px}
.vr_e{ background:url(../Images/vr_bg03.jpg) no-repeat center; height:655px; overflow:hidden}
.vr_e ul{ padding:50px 0 30px; clear:both; display:block; overflow:hidden}
.vr_e ul li{ width:400px; text-align:center; background:url(../Images/vr_jx01.png) no-repeat top center; height:241px; float:left; text-align:center;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; cursor:pointer}
.vr_e ul li:hover{ background:url(../Images/vr_jx02.png) no-repeat top center;}
.vr_e ul li img{ margin:45px 0 20px}
.vr_e ul li p{ font-size:18px; color:#fff; line-height:32px;}
.vr_f{ background:url(../Images/vr_bg04.jpg) no-repeat top center; height:364px; overflow:hidden}
.vr_f h1{ font-size:48px; text-align:center; color:#ff9c23; padding:90px 0 20px}

/*php*/
.php_slideBox{ width:100%; height:600px; overflow:hidden; position:relative;} 
.php_slideBox .hd{ height:8px; overflow:hidden; position:absolute;bottom:25px; z-index:2; text-align:center; width:100%} 
.php_slideBox .hd ul{ overflow:hidden; zoom:1; } 
.php_slideBox .hd ul li{width:70px;height:8px; display: inline-block;margin:0 5px;overflow:hidden; background:#ccc; text-indent:9999px; cursor:pointer; } 
.php_slideBox .hd ul li.on{ background:#ed1b24; } 
.php_slideBox .prev{position:absolute;left:30px;top:240px;background:url(../Images/ban_pre.png) no-repeat;width:41px;height:119px; z-index:9999; opacity:0.1;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.php_slideBox .next{position:absolute;right:30px;top:240px;background:url(../Images/ban_next.png) no-repeat;width:41px;height:119px; z-index:9999; opacity:0.1;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.php_slideBox .bd{ position:relative; height:100%; z-index:1;} 
.php_slideBox .bd:hover .prev,.slideBox .bd:hover .next{ opacity:0.7}
.php_slideBox .bd li a{ display:block; width:100%; height:600px}
.php_title{text-align:center; padding:20px 0 0 0}
.php_title h1{font-size:48px; color:#000; padding-top:30px}
.php_title p{ font-size:26px; color:#333; padding:12px 0 0 0 }
.php_title b{ color:#ed1b24}
.php_a{ padding:0px 0 40px; overflow:hidden}
.php_a .txt{ font-size:16px; color:#333; line-height:32px; padding:20px 0 0 0; text-align: center}
.php_a .tit{ font-size:24px; color:#333; text-align:center; padding:30px 0 30px 0 }
.php_a .line{ width:140px; height:3px; background:#ed1b24; overflow:hidden; margin:30px auto 0}
.php_a ul li{ width:240px; float:left; text-align:center;}
.php_a ul li p{ font-size:18px; color:#333; padding:15px 0 0 0}
.php_b{ background:url(../Images/php_bg1.jpg) no-repeat top center; overflow:hidden; height:569px}
.php_tab{ margin:50px 0 0 0}
.php_tab .hd{ padding-bottom:20px; clear:both; display:block; overflow:hidden; text-align:center }
.php_tab .hd ul{ position:relative; width:1220px}
.php_tab .hd ul li{ width:224px; height:48px; text-align:center; line-height:48px; color:#000; background:#fff; font-size:18px; display:inline-block; border-radius:5px; margin-right:20px; cursor:pointer }
.php_tab .hd ul li.on{ background:url(../Images/tab_curr.png) no-repeat; height:59px; color:#fff}
.php_tab .bd{ clear:both; display:block;border:#ed1b24 dashed 1px; border-radius:5px; font-size:16px; color:#2d3445; line-height:30px; padding:25px 35px; background:#fff; overflow:hidden}
.php_tab .img1{ float:left; width:938px}
.php_tab .t1{ float:left; width:190px; text-align:center; font-size:16px; color:#333; padding:80px 0 0 0}
.php_tab .img2{ float:left; width:650px}
.php_tab .t2{ float:left; width:400px; font-size:16px; color:#333; padding:60px 0 0 0}
.php_c{ background:url(../Images/php_bg2.jpg); overflow:hidden; padding-bottom:50px}
.php_c .top_php{ background:url(../Images/php_bg3.png) no-repeat; height:38px; overflow:hidden; margin-top:30px}
.php_c .bottom{ background:url(../Images/php_bg4.png) no-repeat; height:18px; overflow:hidden}
.php_c .txt{border-left:#b6b6b6 solid 2px;border-right:#b6b6b6 solid 2px; padding:20px 40px; overflow:hidden}
.php_c .txt p{ font-size:16px; color:#333; line-height:38px}
.php_c .txt ul{ text-align:center; clear:both; display:block; margin-top:30px}
.php_c .txt ul li{ background:#ed1b24; font-size:18px; color:#fff; width:345px; padding:25px 0; display:inline-block; margin:0 0px; border-radius:8px; line-height:32px; float:left}
.php_d{ background:url(../Images/php_bg5.jpg) no-repeat top center; overflow:hidden; height:823px}
.php_d ul{ padding:40px 0 0 0}
.php_d ul li{ float:left; width:300px;  text-align:center; color:#fff; padding:40px 0}
.php_d ul li h1{ font-size:18px; font-weight:normal; padding:20px 0 10px}
.php_d ul li p{ font-size:14px; line-height:32px}
.php_d ul li:hover{ background:rgba(237,27,36,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Ced1b24 ,endColorstr=#7Ced1b24);-webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; transition: .4s;}
.php_d ul li img{  transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.php_d ul li:hover img{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.php_e{ padding-bottom:50px; overflow:hidden}
.php_e .l{ float:left; width:730px; background:#fafafa; overflow:hidden; height:290px}
.php_e .l .t{ font-size:18px; color:#293239; line-height:40px; padding:25px 30px 0}
.php_e .r{ float:right; width:470px;}
.php_f{ background:#3d4861; overflow:hidden; padding-bottom:50px;}
.php_f .table_kc{border-collapse: collapse; margin-top:30px;border:none}
.php_f .table_kc td{ border:#3f4656 solid 1px; padding:10px 20px; background:#2d3445;border-collapse: collapse; color:#8e9ec7; font-size:14px; line-height:32px}
.php_f .table_kc th{ background:#212737; color:#fff; font-size:18px; height:50px; line-height:50px; font-weight:normal;border-right:#3f4656 solid 1px; padding:0 20px}
.php_f .table_kc .t1{ text-align:center; font-size:20px; color:#fff; background:#374257}
.php_f .table_kc .t2{ text-align:center; font-size:16px;}
.php_h{ padding-bottom:50px; overflow:hidden}
.php_h ul{ position:relative; width:1206px; padding-top:30px}
.php_h ul li{ float:left; margin-right:8px; width:394px;}
.php_h ul li img{ width:100%; height:550px;border:#ddd solid 1px; border-bottom:none}
.php_h ul li p{ font-size:18px; height:50px; line-height:50px; color:#fff; text-align:center; background:#ed1b24}
.php_i{ background:url(../Images/php_bg6.jpg) no-repeat top center; height:320px; overflow:hidden}
.php_i a{ display:block; width:100%; height:320px}
/*teacher*/
.teacher_banner{ background:url(../Images/banner_bg.jpg) no-repeat top center; width:100%; height:676px; position:relative}
.teacher_banner .t{ background:url(../Images/banner_t.png) no-repeat; width:784px; height:392px; position:absolute;left:50%; top:130px; margin-left:-392px}
.teacher_a{ background:url(../Images/teacher_bg1.jpg) no-repeat top center; width:100%; height:780px; overflow:hidden}
.teacher_a_box{ width:1200px; overflow:hidden; position:relative;} 
.teacher_a_box .hd{height:8px; overflow:hidden; z-index:2; text-align:center; width:100%; padding-top:30px} 
.teacher_a_box .hd ul{ overflow:hidden;} 
.teacher_a_box .hd ul li{width:80px;height:8px; display: inline-block;margin:0 5px;overflow:hidden; background:#dadad7; text-indent:9999px; cursor:pointer; } 
.teacher_a_box .hd ul li.on{ background:#edf008;} 
.teacher_a_box .bd{ margin-top:80px} 
.teacher_a_box .bd img{ width:1200px; height:604px; } 
.teacher_b{ background:url(../Images/teacher_bg2.jpg) no-repeat top center; width:100%; height:675px; overflow:hidden}
.teacher_b .mh{ padding-top:40px}
.teacher_b .lv{ float:left; width:809px; height:564px; position:relative}
.teacher_b .lv .t{ background:url(../Images/teacher_t1.png) no-repeat; width:758px; height:79px; position:absolute;left:0;top:-39px; z-index:9999}
.teacher_b .lv .t h1{ font-size:28px; color:#ffe804; line-height:79px; padding-left:20px}
.teacher_b .lv .v{ position:absolute; z-index:1}
.teacher_b .rn{ float:right; width:391px; height:564px; background:#4c108c; position:relative}
.teacher_b .rn .t{ background:url(../Images/teacher_t2.png) no-repeat; width:409px; height:87px; position:absolute;top:0;left:-23px; z-index:9999}
.teacher_b .rn .t h1{ color:#fde176; font-size:30px; text-align:center; line-height:72px}
.teacher_b .rn ul{ padding:95px 30px 0;}
.teacher_b .rn ul li{ font-size:20px; line-height:30px; border-bottom:#dbb939 solid 1px; padding-bottom:16px; margin-bottom:16px;}
.teacher_b .rn ul li a{ color:#fff}
.teacher_b .rn ul li a:hover{ color:#fde176}
.teacher_b .rn .btn{ text-align:center; padding-top:20px}
.teacher_b .rn .btn a{ display:inline-block; background:#fee801; padding:10px 40px; font-size:24px; color:#3f0475; font-weight:bold; border-radius:5px}
.teacher_c{ background:url(../Images/teacher_bg3.jpg) no-repeat top center; width:100%; height:203px; overflow:hidden}
.teacher_d{ background:url(../Images/teacher_bg4.jpg) no-repeat top center; width:100%; height:657px; overflow:hidden}
.teacher_d .txt{ font-size:22px; padding:0 70px; color:#fff; line-height:38px}
.teacher_d .txt em{ color:#fffc00}
.teacher_d ul.n{ text-align:center; padding-top:20px}
.teacher_d ul.n li{ background:url(../Images/teacher_t4.png) no-repeat; width:203px; height:152px; display:inline-block; margin:0 5px; text-align:center; line-height:152px}
.teacher_d ul.n li a{ font-size:22px; font-weight:bold; color:#efdc08}
.teacher_e{ background:url(../Images/teacher_bg5.jpg) no-repeat top center; width:100%; height:205px; overflow:hidden}
.teacher_f{ background:url(../Images/teacher_bg6.jpg) no-repeat top center #25004a; width:100%; height:1370px; overflow:hidden}
.teacher_f ul{ padding-left:50px}
.teacher_f ul li{ float:left; width:270px; height:395px; background:#3b0571; overflow:hidden; margin:10px 5px 10px 0; position:relative}
.teacher_f ul li img{width:270px;height:395px}
.teacher_f ul li .info{position:absolute;background:rgba(0,0,0,0.8);width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9C000000,endColorstr=#9C000000)}
.teacher_f ul li .info p{ font-size:18px; padding:25px 20px 0; line-height:32px; color:#fff}
.teacher_f ul li h1{ color:#fff; font-size:20px; font-weight:normal; text-align:center; line-height:45px; position:absolute;bottom:0;background:#3b0571; width:100% }
.teacher_f ul .last{ width:543px; height:393px;border:#762dbb solid 1px; text-align:center}
.teacher_f ul .last h2{ font-size:40px; color:#fffc00; font-weight:normal; padding:120px 0 30px}
.teacher_f ul .last .btn{ display:inline-block; background:url(../Images/teacher_btn.png) no-repeat; width:230px; height:66px;}
.teacher_f ul .last .btn a{ display:block; color:#fff; font-size:30px; text-align:center; line-height:60px}




































